<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
	href="//at.alicdn.com/t/font_388406_5zf3trhujaev1jor.css">
</head>
<body>
	<link rel="stylesheet" type="text/css" href="/css/public.css">
	<script type="text/javascript" src="/js/mail.js"></script>
	<script>
	CKEDITOR.replace('TextArea1');
	CKEDITOR.instances.TextArea1.setData($('#TextArea1').text());
	$(function(){
		<#if emailuserstatus??>
			$(".statustype").val(${emailuserstatus});
		</#if>
	})	
	</script>
	<input class="file-input" type="file" style="display: none" />
	<div class="prompt"
		style="display: none; width: 211px; margin: 9% auto;">
		<div style="font-weight: 700; font-size: 14px;">
			<span>你正在写信中,是否离开写信页面?</span>
		</div>
	</div>
	<div class="contacts-tables" style="display: none;">
		<div class="contacts-tables-div">
			<div style="height: 44px; border-bottom: 1px solid #f2f2f2;">
				<div class="tab-tool"
					style="margin-right: 10px; line-height: 28px; margin-top: 7px;">
					<input name="search" class="search-btn-shareuser-input" type="text"
						placeholder="查找..."> <a
						class="search-btn search-btn-shareuser"> <i
						class="iconfont icon-search" style="font-size: 16px;"></i>
					</a>
				</div>
			</div>
			<div class="tab-content">
				<div>
				<table style="width: 100%; border-collapse: collapse; background: #fff;">
					<thead>
						<th>选择</th>
						<th>头像</th>
						<th>部门</th>
						<th>姓名</th>
						<th>职位</th>
						<th>电话</th>
					</thead>
					<tbody>
					<#list userlist as user>
						<tr style="border-bottom: 1px solid #f2f2f2">
							<td><div  data="${user.id}" name="${user.realName}" onclick='select(this)' class="icheckbox icheckbox_flat-green"
									aria-checked=false style="position: relative;">
									<input type="checkbox"
										style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;">
									<ins class="iCheck-helper"
										style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
								</div></td>
							<td><img src='../images/'
								style="border-radius: 50%; width: 25px; height: 25px; vertical-align: middle;" /></td>
							<td>${user.dept.name}</td>
							<td>${user.realName}</td>
							<td>${user.deptOffice.name}</td>
							<td>${user.tel}</td>
						</tr>
						</#list>
					</tbody>
				</table>
				</div>
			</div>
		</div>
	</div>
	<!-- body大盒子div开始 -->
	<div class="body">
		<!-- content-header顶部div 开始 -->
		<#include "/head.ftl">
		<!-- 中部content div开始 -->
		<div class="content">
			<!-- 中部content内容 div开始 -->
			<div class="row">
				<div class="row-left">
					<a href="/mail/addmail" title="添加邮件"
						class="btn btn-upload bgColor-green2 margin-bottom button" style="margin:0 0 20px 0;"> <i
						class="iconfont icon-brush_fill"  style="color: white;"></i> 写信
					</a>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">文件夹</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool jian" onclick="jian()">
									<i class="iconfont icon-jian" id="one"></i>
								</button>
							</div>
						</div>
						<div class="box-body no-padding yunpan" style="display: block;">
							<ul class="nav nav-pills nav-stacked">
								<li  class="father-menu"><a  class="get-box"> <i
										class="iconfont icon-shoujianxiang"></i> 收件箱
								</a></li>
								<li class="father-menu"><a class="send-box"> <i
										class="iconfont icon-fajianxiang-copy"></i> 发件箱
								</a></li>
								<li class="father-menu"><a class="graft-box"> <i class="iconfont icon-caogaoxiang"></i>
										草稿箱
								</a></li>
								<li class="father-menu"><a class="gabege-box"> <i class="iconfont icon-lajixiang"></i>
										垃圾箱
								</a></li>
								<!-- <li><a href="#"> <i class="iconfont icon-huishouzhan"></i>
										回收站
								</a></li> -->
							</ul>
						</div>

					</div>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">类型</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool" onclick="jian2()">
									<i class=" iconfont icon-jian " id="two"></i>
								</button>
							</div>
						</div>
						<div class="box-body no-padding leixing" style="display: block;">
							<ul class="nav nav-pills nav-stacked">
								<li><a class="email-star"> <i class="iconfont icon-circle1"></i>
										星标邮件
								</a></li>
								<!-- <li>
									<a href="#">
										<i class="iconfont icon-circle1"></i> 通知
									</a>
								</li>
								<li>
									<a href="#">
										<i class="iconfont icon-circle1" style="color:red;"></i> 公告
									</a>
								</li> -->
							</ul>
						</div>

					</div>
				</div>
				<!-- 右部div盒子开始 -->
			
				<div class="row-right">
					<div class="box tab" style="padding: 10px;">
						<div class="box-header with-border">
							<h3 class="box-title">
								<span>写信</span>
							</h3>
							<!-- <div class="pull-right" >
								<a href="">
									<span class="label label-back">
										<i class="iconfont icon-unfold" style="color:white;"></i>  展开更多
									</span>
								</a>
							</div> -->
						</div>


						 <div class="box-body no-padding">
							<div class="morediv">
								<!-- <div class="form-group">
									<select class="form-control select2">
										<option value="0">邮件</option>
										<option value="1">通知</option>
										<option value="2">公告</option>
									</select>
								</div> -->
								<!-- <div class="form-group">
									<select class="form-control select2">
									<#list statuslist as status>
										<option value="${status.value}">${status.name}</option>
									</#list>
									</select>
								</div> -->
								<!-- <div class="form-group">
									<select class="form-control select2">
										<option value="0">内部邮件</option>
										<option value="1">客户访问信</option>
									</select>
								</div> -->
							</div>
						
						<div class="form-group" style="position: relative;">
							<input type="text" class="form-control getmain-user" readonly="readonly" style="padding: 0px;"
								placeholder="   收件人:" value="  ${(emailgetusername)!''}"> 
								<input type="text"  value="${(emailgetuserid)!''}" class="userid-input" style="display: none;">
							<div style="position: absolute; top: 5px; right: 5px;">
								<a href="javascript:void(0)" class="fancybox "> <span
									class="label label-success uniquebackground"> <i
										class="iconfont icon-jia " style="color: white;font-size: 14px;"></i> 通讯录
								</span>
								</a>
							</div>
						</div>
						<div class="form-group">
							<input type="text" class="form-control email-tittle" style="padding: 0px;"
								placeholder="    主题:"  value="${(emailtitle)!''}"/>
						</div>
						
						
						<div class="form-group">
							<select class="form-control select2 statustype">
								<#list statuslist as status>
									<option value="${status.value}">${status.name}</option>
								</#list>
							</select>		
						</div> 
						<div class="form-group">
						<textarea id="TextArea1" cols="20" rows="2" class="ckeditor" name="content">${(emailcontent)!''}</textarea>
							<!-- <textarea   class="email-content" rows="2" clos="20" style="width: 100%; height: 300px; outline: none;">${(emailcontent)!''}</textarea> -->
						</div>
						<div class="form-group">
							<div class="add-file btn-file btn-default" style="   display: inline-block;">
								<i class="iconfont icon-accessory"></i> 增加附件
						</div>
							<span class="filename" style="font-size: 12px; color: #94754D; "></span>
							<#if show??>
								<span class="file-att">
									附件:
									<#if attname??>										
										<p class="help-block" attid="${(attid)!''}" >						
											<i class="iconfont icon-accessory"></i>
											${attname}									  
											<span style="color: #94754D;"><a class="dowload-att"  attid="${(attid)!''}">下载附件</a></span>
										</p>
										<#else>
										无
									</#if>
								</span>
							<#else>
							
							</#if>
						</div>
						<div class="box-footer no-padding"
							style="padding: 10px 0px 10px 0px; border-top: 1px solid #f2f2f2;">
							<div class="pull-right"
								style="margin-top: 5px; display: inline-block;">
								<a href="javascript:void(0)" style="margin-right:15px" class="mail-btn-cancel  mail-btn btn-default"> <i
									class="iconfont icon-remove"></i> 取消
								</a> <a  type="发送" class="mail-btn-send  btn-primary uniquebackground" style="color: white">
									<i class="iconfont icon-mail" style="color: white;"></i> 发送
								</a>
							</div>
							<div style="display: inline-block; margin-top: 5px;">
								<a type="草稿" class="mail-btn-send btn-default uniquebackground" style="color: white"> <i
									class="iconfont icon-brush_fill"></i> 存草稿
								</a>
							</div>
						</div>
					</div>
					<!-- 右部div盒子开始 -->
				</div>
			</div>

			<!-- 中部content div结束-->
		</div>
	
		<!-- body大盒子div结束 -->
	</div>
</body>
</html>